import React from 'react';
import './Home.css';
import { Link } from 'react-router-dom';
import { createFromIconfontCN } from '@ant-design/icons';
const IconFont = createFromIconfontCN({
  scriptUrl: ['//at.alicdn.com/t/font_2363982_tabvymgbxom.js'],
});
// eslint-disable-next-line
export default props => {
  return (
    <div>
      <div className="topnavAndBanner">
        <div className="banner">
          <h1 className="title">结构平衡</h1>
          <h2 className="subTitle">基于多任务学习符号网络结构平衡计算系统</h2>
          <p className="actions">
            <a href="https://gitee.com/ChenWande/structure-balance">gitee</a>
            <Link to="/content/introduction">开始</Link>
          </p>
        </div>
      </div>
      <div className="features">
        <ul>
          <li>
            <IconFont type="icon-react" />
            <h3>React 驱动</h3>
            <p>基于React框架并引入UI框架Ant Design</p>
          </li>
          <li>
            <IconFont type="icon-graph" />
            <h3>引入 AntV G6</h3>
            <p>通过AntV G6绘制符号网络的拓扑结构</p>
          </li>
          <li>
            <IconFont type="icon-multi-task" />
            <h3>多任务学习</h3>
            <p>基于经典的多任务优化算法MFEA</p>
          </li>
        </ul>
      </div>
    </div>
  );
};
